@charset "utf-8";
.productmenu { height: 116px; background: url("../images/top_bg.jpg") repeat; border-bottom: 1px solid #d4d4d4; }
.productmenu ul li { float: left; width: 240px; height: 116px; text-align: center; }
.productmenu ul li a { display:table-cell; vertical-align: middle; color: #333; font-size: 14px; font-weight: bold; width: 300px; height: 116px; border-bottom: 3px solid transparent; }
.productmenu ul li a i { display:block; height: 60px; margin-bottom: 5px; }
.productmenu ul li a .i1 {  background: url("../images/p_menu_01.png") no-repeat center; }
.productmenu ul li a .i2 {  background: url("../images/p_menu_02.png") no-repeat center; }
.productmenu ul li a .i3 {  background: url("../images/p_menu_03.png") no-repeat center; }
.productmenu ul li a .i4 {  background: url("../images/p_menu_04.png") no-repeat center; }
.productmenu ul li a .i5 {  background: url("../images/p_menu_05.png") no-repeat center; }

.productmenu ul li:hover .i1,.productmenu ul li.on .i1  {  background: url("../images/p_menu_1.png") no-repeat center; }
.productmenu ul li:hover .i2,.productmenu ul li.on .i2 {  background: url("../images/p_menu_2.png") no-repeat center; }
.productmenu ul li:hover .i3,.productmenu ul li.on .i3 {  background: url("../images/p_menu_3.png") no-repeat center; }
.productmenu ul li:hover .i4,.productmenu ul li.on .i4 {  background: url("../images/p_menu_4.png") no-repeat center; }
.productmenu ul li:hover .i5,.productmenu ul li.on .i5 {  background: url("../images/p_menu_5.png") no-repeat center; }
.productmenu ul li:hover,.productmenu ul li.on { background: #fff; color: #cc0001; border-color: #cc0001; }


.aArea { background: #f7f7f7; padding: 42px 0 0; }
.pro-box { padding-bottom: 34px; }
.pro-box .bigpic { float: left; width: 600px; height: 416px; background: #fff; }
.pro-box .pro-item { float: right; width: 590px;  }
.pro-box .bigpic ul li img {width:318px !important; hight:382px !important;}
.pro-box .bigpic .p { float: left; width: 318px; height: 382px; }
.pro-box .bigpic .p img { width: 318px; height: 100%; object-fit: cover;}
.pro-box .bigpic .t { float: left; padding: 96px 0 0 10px; width: 270px; }
.pro-box .bigpic .t h2 a { font-size: 30px; color: #333; font-weight: normal; }
.pro-box .bigpic .t h2 em { display: block; color: #9d9b9b; font-weight: normal; font-size: 16px; }
.pro-box .bigpic .t .txt { padding: 20px 0; height: 55px; font-size: 14px; color: #666; }
.pro-box .bigpic .t .detail a { display: block; width: 95px; height: 29px; line-height: 29px; border-radius: 8px; background: #e10203; box-shadow: inset 0 -10px 10px #b30404; text-align: center; color: #fbebeb; font-size: 12px; }
.pro-box .bigpic .hd ul { text-align: center; }
.pro-box .bigpic .hd ul li { display: inline-block; margin: 0 5px; width: 10px; height: 10px; border-radius: 10px; background: #e3e0e0;cursor:pointer; text-indent:999em;}
.pro-box .bigpic .hd ul li:hover,.pro-box .bigpic .hd ul li.on { width: 32px; background: #cc0001; border-radius: 6px; transition-duration: 0.5s; }
.pro-box .bigpic .big-hd { margin-top: 10px; }

.pro-box .pro-item ul li { float: left; background: #fff; height: 206px;  margin: 0 0 5px 5px;  position: relative; text-align: center;  width: 290px;}
.pro-box .pro-item ul li .list-pic { width: 100%; text-align: center; height: 170px; }
.pro-box .pro-item ul li .list-pic img{ width: 100%; height: 170px; object-fit: cover;}
.pro-box .pro-item ul li .name { height: 30px; color: #666; line-height: 30px; font-size: 14px; }
.pro-box .pro-item ul li .gray { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(204,1,2,.80); transform: scale(0); opacity: 0; }
.pro-box .pro-item ul li .gray a { display: block; padding: 43px 0 0; color: #fff; }
.pro-box .pro-item ul li .gray a .name { font-size: 24px; color: #fff;  }
.pro-box .pro-item ul li .gray a .txt { padding:8px 0 45px 0; font-size: 12px; background: url("../images/hover_icon.png") no-repeat center bottom;   }
.pro-box .pro-item ul li:hover .gray{ opacity: 1; transform: scale(1); transition: all 0.3s ease 0s;}
.hmore { width: 136px; height: 68px; margin: 0 auto; text-align: center; line-height: 68px; border-radius: 100px 100px 0 0; background: #fff;}
.hmore a { font-size: 14px; color: #cc0001; text-decoration: underline; }



.bArea { padding: 50px 0 42px 0; background: #fff; }
.about {}
.about .hd { text-align: center; }
.about .hd h2 { font-size: 36px; color: #cc0102; }
.about .hd .info { font-size: 12px; color: #979595; padding: 14px 0 24px 0; }
.about .bd { background: #f7f7f7; padding-bottom: 23px; }
.about .bd .pic { float: left; width:360px; height: 273px; }
.about .bd .pic img{ width:360px; height: 273px; }
.about .bd .intro { float: left; width:478px; padding: 26px 0 0 15px; }
.about .bd .intro h2 { height: 36px; font-size: 18px; color:#333; }
.about .bd .intro .info { height: 155px; font-size: 12px; color: #666; line-height: 24px; }
.about .bd .intro .more a {  display: block; width: 95px; height: 29px; line-height: 29px; border-radius: 8px; background: #e10203; box-shadow: inset 0 -10px 10px #b30404; text-align: center; color: #fbebeb; font-size: 12px;}
.about .bd .honor { float: right; width: 324px; height: 273px; background: #efefef; box-shadow: inset 10px 0 15px #e6e5e5; }
.about .bd .honor .hbd { width: 252px; margin: 0 auto; padding: 26px 0 0;  }
.about .bd .honor .hbd ul li { width: 252px; height: 188px; }
.about .bd .honor .hbd img{ max-width:100%; height: 100%; overflow: hidden;}
.about .bd .honor .hhd { text-align: center; padding: 16px 0 0; }
.about .bd .honor .hhd ul li { display: inline-block; margin: 0 5px; width: 10px; height: 10px; border-radius: 10px; background: #e3e0e0;cursor:pointer; text-indent:999em;}
.about .bd .honor .hhd ul li:hover,.about .bd .honor .hhd ul li.on {  width: 32px; background: #cc0001; border-radius: 6px; transition-duration: 0.5s; }


.about .about_s { position: relative; padding:0; }
.about_s ul li { float: left; width: 220px; margin-right: 25px; }
.about_s ul li:last-child { margin-right: 0;}
.about_s .tempWrap{width:1200px !important;}

.about_s ul li .pic { width: 220px; height: 145px; }
.about_s ul li .pic img{ max-width: 100%; height: 145px; overflow: hidden;}
.about_s ul li .name { height: 37px; background:url("../images/name_1.jpg") repeat-x; text-align: center;  line-height: 37px; font-size: 14px; color: #666;  }
.about_s .bPrev,.about_s .bNext { position: absolute; top:55px; cursor: pointer; }
.about_s .bPrev { left: -60px; }
.about_s .bNext { right: -60px; }

.cArea { padding: 37px 0 40px 0; background: #f7f7f7; }
.news {}
.news .hd { text-align: center; padding-bottom: 17px;  }
.news .hd h2 { font-size: 36px; color: #cc0102; }
.news-tit { margin-bottom: 27px; background: url("../images/newsnav.jpg") repeat-x; height: 47px; border: 1px solid #ecebeb; text-align: center; font-size: 14px; color: #999; line-height: 47px; }
.news-tit a { padding: 0 22px; color: #666; }
/*.news-tit a:hover,.news-tit a.on { color: #cc0102; font-weight: bold; }*/
.news-con { padding: 28px 0 0; }
.new-hd li{float: left;}
.new-hd{padding-left: 35%;padding-right: 35%;}

.new-hd li a:hover,.new-hd li.on a { color: #cc0102; font-weight: bold; }

.newd-bd{width: 1200px !important;}
.newd-ned{width: 1200px !important;}

.news .news-item { float:left; width: 287px; height: 423px; margin-right: 16px; background: #fff; }
.news .news-item:last-child { margin-right: 0; }
.news .news-item .pic { width: 287px; height: 184px; }
.news .news-item .pic img{ width: 100%; height: 100%; }
.news .news-item dl { padding:20px 15px; }
.news .news-item dt { height: 75px; }
.news .news-item dt a { font-size: 18px; line-height: 30px; color: #000; }
.news .news-item dd { height: 93px; color: #666; line-height: 24px; font-size: 14px; }
.news .news-item .info { height: 20px; font-size: 12px; }
.news .news-item .info span { padding-right: 9px;}
.news .news-item .info span em { padding-left: 5px; vertical-align: middle; }

.news .quan ul { padding: 37px 0 0; text-align: center; }
.news .quan ul li { display:inline-block; width: 10px; height: 10px; border-radius: 10px; background: #e3e0e0; margin: 0 6px;  }
.news .quan ul li:hover,.news .quan ul li.on { width: 32px; background: #cc0001; transition-duration: 0.5s; }